<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="less">

  @font-face {
    font-family: 'PangMenZhengDao';
    src: url('./fonts/PangMenZhengDao.ttf');
  }

  @font-face {
    font-family: yejing;
    src: url('./fonts/yejing.TTF');
  }

  @font-face {
    font-family: 'AlimamaShuHeiTi-Bold';
    src: url('./fonts/AlimamaShuHeiTi/AlimamaShuHeiTi-Bold.ttf');
  }

  @font-face {
    font-family: 'DIN';
    src: url('./fonts/DIN-Bold.otf');
  }

  .cur {
    cursor: pointer;
  }

  .ml30 {
    margin-left: 30px;
  }
  @keyframes rotate {
    0% {
      transform: rotateZ(360deg); /*从0度开始*/
    }
    100% {
      transform: rotateZ(0deg); /*360度结束*/
    }
  }
  .radio-button_icon {
    color: #1990FE;
    margin-right: 5px
  }

  .icon_size_15 {
    font-size: 15px !important;
    margin-right: 5px;
  }

  .icon-size {
    font-size: 24px !important;
  }
  .icon-size2 {
    font-size: 14px !important;
  }
  .common_btnBox {
    /*width: 20%;*/
    /*height: 40px;*/
    color: #1990FE !important;
    font-size: 160%;
    font-weight: 600;
    padding-top: 3vh;
    padding-right: 1vw;
    float: right;

    border: none !important;
    border-radius: 0 !important;
  }

  .el-popconfirm {
    .el-button--text {
      color: red !important;
    }
  }

  #app {
    width: 100%;
    height: 100vh;
    font-size: 14px;
    position: absolute;
  }

  // 全局修改滾動條樣式

  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;

  }

  /*//滚动条的滑块*/
  /*::-webkit-scrollbar-thumb {*/
  /*  background-color: #1990FE;*/
  /*  border-radius: 4px;*/
  /*  height: 2px;*/
  /*  width: 0;*/
  /*}*/
  .el-divider--horizontal {
    margin: 20px 0;
  }

  .el-divider__text {
   ;
  }
  .el-card {
    border: none !important;
    color: #1990FE;
    overflow: auto;

    .el-col {
      .el-form-item {
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: flex-start;

      }
    }
  }

  /*设置按钮边框*/
  .el-button {
    border-radius: 2px !important;
    border: none !important;
  }

  // transfer穿梭框
  .el-transfer {
    width: 100%;
    // height: 500px;
    // background: red;
    overflow: auto;

    .el-transfer-panel {
      width: 44% !important;
      background: transparent;
      color: #1990FE !important;
      border-color: #1990FE;

      .el-transfer-panel__header {
        background: #1990FE;
        color: #1990FE;;

        .el-checkbox {
          span {
            // color: white;
            span {
              // color: white;

            }
          }
        }
      }

      .el-transfer-panel__body {
        p {
          color: #1990FE !important;
        }

        .el-transfer-panel__item.el-checkbox {
          color: #1990FE !important;
        }

      }

    }
  }

  /*控制el-tooltip__popper 不会超出el-table*/
  .el-tooltip__popper {
    max-width: 60%;
  }

  .el-form-item__label {
    // width: 70px !important;
    color: #1990FE !important;
    display: flex;
    justify-content: center;
    // width: 100%;
  }

  /deep/ ::v-deep .el-scrollbar__wrap {

    overflow-x: hidden;

  }

  /deep/ .el-form-item__label {
    color: #1990FE !important;

  }

  .el-dialog {
    // background: transparent !important;
    .el-dialog__header {
      background: #1990FE !important;

    }

    .el-dialog__body {
      /*color: red !important;*/
    }
  }

  .el-form-item {
    /*color: red !important;*/

  }

  .el-checkbox-group {
    /deep/ .el-checkbox {
      // background: red !important;
      color: #606266 !important;
    }
  }

  //
  /deep/ .el-checkbox-group {
    /deep/ .el-checkbox {
      /*color: red !important;*/

      /deep/ .el-checkbox__label {
        color: red !important;
      }
    }
  }

  /deep/ .el-button {
    background: #1990FE !important;
    color: white !important
  }

  /deep/ .el-form-item__label {
    /*background: red !important;*/
  }

  /deep/ .el-table__fixed {
    /*border-bottom-color:transparent !important;*/
    /*height: 110% !important;*/
  }

  /deep/ .el-table__fixed-right {

    /*border-bottom-color:transparent !important;*/

  }

</style>
<style>
  .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: red;
  }

  .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: red;
  }

  .test {
    background: red !important;
  }

  /*// 取消input的上下箭头*/
  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
  }

  input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }


</style>
<!--二次确认框取消样式设置-->

<style lang="less">
  .searchInput .el-input__inner{
    background-color: transparent !important;
    border-color: white !important;
margin-left: 10%;
    width: 88%;
  }
  /*抽屉*/
  .el-drawer {
    /*height: 100% !important;*/
    /*margin-top: 4%;*/
    box-sizing: border-box;
    overflow: auto;

  }

  .demo-drawer__content {
    margin: 0px 2.5%;
    height: 90%;
  }

  .demo-drawer__footer {
    bottom: 5%;
  }

  .demo-drawer__footer {
    /*margin-top: 50px;*/
    /*text-align: right;*/
    /*box-sizing: border-box;*/
    /*padding-right: 50px;*/
    position: absolute;
    bottom: 5%;
    right: 10%;

  }
  .el-drawer.ltr{
    overflow: auto;
  }
  .el-drawer__header {
    background: #1990FE;
    color: white;
    text-align: center;
    color: white;
    padding: 10px !important;
    span {
      display: inline-block;
      font-size: 20px;
      font-weight: 600;
      color: white;
      width: 200px;

    }


  }

  .el-icon-close {

    color: white;
  }

  .el-drawer__close-btn {

  }

  .addTable {

    overflow-y: auto;
    overflow-x: hidden;
    height: 60%;
  }
</style>
<!--富文本样式-->
<style lang='less'>
  /*行高*/
  .ql-snow .ql-picker.ql-lineheight .ql-picker-label::before {
    content: '行高';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1']::before {
    content: '1';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before {
    content: '1.5';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.75']::before {
    content: '1.75';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2']::before {
    content: '2';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3']::before {
    content: '3';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4']::before {
    content: '4';
  }
  .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5']::before {
    content: '5';
  }
  .ql-snow .ql-picker.ql-lineheight {
    width: 70px;
  }

  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    min-height: 15vw;
  }

  .editor {
    position: relative;


    i, em {
      font-style: italic !important
    }

    dd, dl, dt hr {
      display: block !important
    }

    /*//标题*/

    h1 {
      font-size: 2em !important;
      margin: .67em 0 !important
    }

    h2 {
      font-size: 1.5em !important;
      margin: .75em 0 !important
    }

    h3 {
      font-size: 1.17em !important;
      margin: .83em 0 !important
    }

    h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu {
      margin: 1.12em 0 !important
    }

    h5 {
      font-size: .83em !important;
      margin: 1.5em 0 !important
    }

    h6 {
      font-size: .75em !important;
      margin: 1.67em 0 !important
    }

    h1, h2, h3, h4, h5, h6, b, strong {
      font-weight: bolder !important
    }

    /*//列表元素*/

    li {
      display: list-item !important
    }

    ol {
      list-style-type: decimal !important
    }

    ol ul, ul ol, ul ul, ol ol {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }

    ol, ul {
      margin-left: 40px !important
    }


  }

</style>
<style>

  .ql-snow .ql-tooltip[data-mode=link]::before {
    content: "请输入链接地址:" !important;
  }

  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px !important;
    content: '保存' !important;
    padding-right: 0px !important;
  }

  .ql-snow .ql-tooltip[data-mode=video]::before {
    content: "请输入视频地址:" !important;
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: '14px' !important;
    /*font-size: 14px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
    content: '10px' !important;
    /*font-size: 10px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
    content: '12px' !important;
    /*font-size: 12px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
    content: '16px' !important;
    /*font-size: 16px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
    content: '18px' !important;
    /*font-size: 18px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
    content: '20px' !important;
    /*font-size: 20px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before {
    content: '30px' !important;
    /*font-size: 30px;*/
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before {
    content: '32px' !important;
    /*font-size: 32px;*/
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: '文本' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: '标题1' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: '标题2' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: '标题3' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: '标题4' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: '标题5' !important;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: '标题6' !important;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: '标准字体' !important;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: '衬线字体' !important;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: '等宽字体' !important;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
    content: "宋体" !important;
    font-family: "SimSun";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
    content: "黑体" !important;
    font-family: "SimHei";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before {
    content: "微软雅黑" !important;
    font-family: "Microsoft YaHei";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
    content: "楷体" !important;
    font-family: "KaiTi";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before {
    content: "仿宋" !important;
    font-family: "FangSong";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
    content: "Arial" !important;
    font-family: "Arial";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]::before {
    content: "Times New Roman" !important;
    font-family: "Times New Roman";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before {
    content: "sans-serif" !important;
    font-family: "sans-serif";
  }

  .ql-font-SimSun {
    font-family: "SimSun";
  }

  .ql-font-SimHei {
    font-family: "SimHei";
  }

  .ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei";
  }

  .ql-font-KaiTi {
    font-family: "KaiTi";
  }

  .ql-font-FangSong {
    font-family: "FangSong";
  }

  .ql-font-Arial {
    font-family: "Arial";
  }

  .ql-font-Times-New-Roman {
    font-family: "Times New Roman";
  }

  .ql-font-sans-serif {
    font-family: "sans-serif";
  }

  .el-popconfirm .el-button--text {
    background: transparent;
  }
  .el-pagination .el-pagination__sizes{
    margin-right: 0px !important;
  }
</style>
